<template>
  <div class="container">
    <div class="title">
      <div class="title">某沙岛礁卫生防疫保障关键技术研究</div>

    <el-button class="add" type="text">
      <i class="el-icon-circle-plus"></i>新增测试</el-button
    >
    </div>
<el-table
    :data="tableData"
    stripe
    style="width: 100%">
    <el-table-column
      prop="testDetails"
      label="测试详情">
    </el-table-column>
    <el-table-column
      prop="person"
      label="添加人员">
    </el-table-column>
    <el-table-column
      prop="date"
      label="测试日期">
    </el-table-column>
    <el-table-column
      prop="operation"
      label="操作">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">测试监控</el-button>
        <el-button type="text" size="small">数据采集</el-button>
        <el-button type="text" size="small">删除</el-button>
      </template>
    </el-table-column>
    
    
  </el-table>
  </div>
</template>

<script>
export default {
    name:'Test',
    data(){
        return{
            tableData:[{
                testDetails:'可靠性测试',
                person:'admin',
                date:'2021-4-21 14:36',
                operation:'测试监控 数据采集 删除'
            },
            {
                testDetails:'可靠性测试',
                person:'admin',
                date:'2021-4-21 14:36',
                operation:'测试监控 数据采集 删除'
            },
            {
                testDetails:'可靠性测试',
                person:'admin',
                date:'2021-4-21 14:36',
                operation:'测试监控 数据采集 删除'
            },
            {
                testDetails:'可靠性测试',
                person:'admin',
                date:'2021-4-21 14:36',
                operation:'测试监控 数据采集 删除'
            },
            {
                testDetails:'可靠性测试',
                person:'admin',
                date:'2021-4-21 14:36',
                operation:'测试监控 数据采集 删除'
            },
            {
                testDetails:'可靠性测试',
                person:'admin',
                date:'2021-4-21 14:36',
                operation:'测试监控 数据采集 删除'
            },]
        }
    }
}
</script>

<style scoped>
.title {
  font-size: 36px;
  color: #157dff;
}
.add {
  margin-top: -35px;
  font-size: 20px;
  color: #157dff;
  float: right;
}

</style>